﻿<!DOCTYPE HTML>
<html>
	<head>
	
			<meta charset="utf-8">
			<meta http-equiv="X-UA-Compatible" content="IE=edge">
			<title>_广州熙雅典文化传播有限公司</title>
			<meta name="viewport" content="width=device-width, initial-scale=1">
			<meta name="description" content="" />
			<meta name="keywords" content="" />
			
		
			<script src="http://webapi.amap.com/maps?v=1.4.2&key=dfdfbab1e3172155890ad73b3de90eb8"></script>
			<script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>
			<style type="text/css">
				#ditu {
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					width: 100%;
					height: 100%;
					opacity: 0.8;
				}
				
				.button-group {
					position: absolute;
					bottom: 20px;
					right: 20px;
					font-size: 12px;
					padding: 10px;
				}
				
				.button-group .button {
					height: 28px;
					line-height: 28px;
					background-color: #0D9BF2;
					color: #FFF;
					border: 0;
					outline: none;
					padding-left: 5px;
					padding-right: 5px;
					border-radius: 3px;
					margin-bottom: 4px;
					cursor: pointer;
				}
				.button-group .inputtext {
					height: 26px;
					line-height: 26px;
					border: 1px;
					outline: none;
					padding-left: 5px;
					padding-right: 5px;
					border-radius: 3px;
					margin-bottom: 4px;
					cursor: pointer;
				}
				 /*
				.tip {
					position: absolute;
					bottom: 30px;
					right: 10px;
					background-color: #FFF;
					text-align: center;
					border: 1px solid #ccc;
					line-height: 30px;
					border-radius: 3px;
					padding: 0 5px;
					font-size: 12px;
				}
				*/
				#tip {
					background-color: #fff;
					padding-left: 10px;
					padding-right: 10px;
					position: absolute;
					font-size: 12px;
					right: 10px;
					top: 20px;
					border-radius: 3px;
					border: 1px solid #ccc;
					line-height: 30px;
				}
				
				/*
				#tip input[type='button'] {
					margin-top: 10px;
					margin-bottom: 10px;
					background-color: #0D9BF2;
					height: 30px;
					text-align: center;
					line-height: 30px;
					color: #fff;
					font-size: 12px;
					border-radius: 3px;
					outline: none;
					border: 0;
				}
				*/
				.amap-info-content {
					font-size: 12px;
				}
				
				#myPageTop {
					position: absolute;
					top: 5px;
					right: 10px;
					background: #fff none repeat scroll 0 0;
					border: 1px solid #ccc;
					margin: 10px auto;
					padding:6px;
					font-family: "Microsoft Yahei", "微软雅黑", "Pinghei";
					font-size: 14px;
				}
				#myPageTop label {
					margin: 0 20px 0 0;
					color: #666666;
					font-weight: normal;
				}
				#myPageTop input {
					width: 170px;
				}
				#myPageTop .column2{
					padding-left: 25px;
				}
				.amap-marker-label{
					font-size: 16px;
    				padding: 5px;
				}
			</style>		
			<!-- Animate.css -->
			<link rel="stylesheet" href="/templets/xdwh/style/animate.css">
			<!-- Bootstrap  -->
			<link rel="stylesheet" href="/templets/xdwh/style/bootstrap.css">
			<!-- Theme style  -->
			<link rel="stylesheet" href="/templets/xdwh/style/style.css">
			</head>
			<body>
		<div class="fh5co-loader"></div>
			<div id="fixed-menu">
				<div style="width:100%;max-width: 1520px;height:100%;margin:0 auto; position: relative;">
					<div class="fixed-logo">
						<h2><a href="/"><img src="/templets/xdwh/images/logo.png" width="100%"></a></h2>
					</div>
					<div class="menu-3">
						<ul>
							<li><a href="/">首页</a></li>
								
									<li><a href='/about/' ><span>关于我们</span></a></li>
								
									<li><a href='/anli/' ><span>案例展示</span></a></li>
								
									<li><a href='/serve/' ><span>服务优势</span></a></li>
								
									<li><a href='/news/' ><span>新闻动态</span></a></li>
								<li><a class='active' href='/contact/' ><span>联系我们</span></a></li>
						</ul>
					</div>
				</div>
			</div>
			
			<div id="page">
			<nav class="fh5co-nav" role="navigation">
				<div class="container-fluid">
					<div class="row">
						<div class="top-menu">
							<div class="container">
								<div class="row">
									<div class="col-xs-12 text-center menu-2">
										<div id="fh5co-logo">
											<h1>
												<a href="/">
													<img src="/templets/xdwh/images/logo.png" width="60%">
												</a>
											</h1>
										</div>
									</div>
								</div>
								<div class="row">
									<div class="col-sm-12 text-center menu-1">
										<ul>
											<li><a href="/">首页</a></li>
												
													<li><a href='/about/' ><span>关于我们</span></a></li>
												
													<li><a href='/anli/' ><span>案例展示</span></a></li>
												
													<li><a href='/serve/' ><span>服务优势</span></a></li>
												
													<li><a href='/news/' ><span>新闻动态</span></a></li>
												<li><a class='active' href='/contact/' ><span>联系我们</span></a></li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
					
				</div>
			</nav>

	<div class="mt umcg-contact">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<ul class="intro-list">
					<li>
						<div class="aside">
							<div class="col">
								<p>Guangzhou</p>
								<h2>广州</h2>
							</div>
						</div>
						<div class="acticle" style="background-image: url(/templets/xdwh/images/1.jpg)">
							<div class="col">
								<div class="detail">
									<p>广东省广州市花都区新华路165号<br>豪兴大厦608-609</p>
									
									<p>联系电话： 020-36801971</p>	
									<p>联系手机：180 2406 1910</p>
									<p>QQ邮箱: 485036562@qq.com</p>
								</div>
							</div>
						</div>
					</li>
					<li>
						<div class="aside">
							<div class="col">
								<p>Join us</p>
								<h2>加入我们</h2>
							</div>
						</div>
						<div  class="ditu-contorl acticle"  style="background-image: url(images/2.jpg)">
							<div id="ditu"></div>
						</div>
						<!-- <div id="ditu"></div> -->
					</li>
					</ul>
				</div>
			</div>
		</div>
	</div>

	<!-- footer -->
	﻿<footer id="fh5co-footer" role="contentinfo">
	<div class="container">
		<ul class="fh5co-footer-links">
			<li><a href="/anli/">案例展示</a></li>
			<li><a href="/serve/">服务优势</a></li>
		</ul>
	</div>
</footer>
</div>

<div class="gototop js-top">
	<a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a>
</div>

<!-- jQuery -->
<script src="/templets/xdwh/style/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="/templets/xdwh/style/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="/templets/xdwh/style/bootstrap.min.js"></script>
<script src="/templets/xdwh/style/fastclick.min.js"></script>
<!-- Main -->
<script src="/templets/xdwh/style/main.min.js"></script>

	
	<script>
		var map = new AMap.Map('ditu', {
			resizeEnable: true,
			center:[113.227201,23.381956],//定位地址经纬度
			zoom: 13
		});
		var marker = new AMap.Marker({
			position: map.getCenter()
		});
		marker.setMap(map);
		// 设置鼠标划过点标记显示的文字提示
		marker.setTitle('新华路165号豪兴大厦608-609');
	
		// 设置label标签
		marker.setLabel({//label默认蓝框白底左上角显示，样式className为：amap-marker-label
			offset: new AMap.Pixel(20, 20),//修改label相对于maker的位置
			content: "新华路165号豪兴大厦608-609"
		});
	</script>
	
	
	</body>
</html>

